<template>
  <div>
    <div>
      <span>用户名</span>
      <input type="text" v-model="username" />
    </div>
    <div>
      <span>密码</span>
      <input type="text" v-model="pass" />
    </div>
    <div>
      <span>来自于: </span>
      <!-- 下拉菜单要绑定在select上 -->
      <select v-model="from">
        <option value="北京市">北京</option>
        <option value="南京市">南京</option>
        <option value="天津市">天津</option>
      </select>
    </div>
  </div>
</template>

<script>
export default {
  name: "VuecliDemoApp",

  data() {
    return {
      username: "",
      pass: "",
      from: "",
    };
  },
};
</script>

<style lang="scss" scoped></style>
